<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <script type="text/javascript" src="js/lib/jquery-2.1.1.js"></script>
    <script type="text/javascript" src="js/pageMan.js"></script>
    <link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<%--<ul>
    <c:if test="${!empty notes}">&lt;%&ndash;EL getter读取属性&ndash;%&gt;
        <c:forEach items="${notes}" var="mynote" varStatus="status">
            <li onclick="" value="${fn:replace('contenta','a',status.index)}">${mynote.title}</li>
            <div id="${fn:replace('contenta','a',status.index)}" style="display: none;">
                <input type="text" value="${mynote.content}" >
            </div>
        </c:forEach>
    </c:if>
</ul>--%>
    <div class="mainContainer">

        <div class="navContainer">

                <input id="search">
                <span id="btnSearch">search</span>
            <div class="listContainer">

                <c:if test="${!empty notes}">
                    <c:forEach items="${notes}" var="mynote" varStatus="status">
                        <div id="${fn:replace('ab','b',mynote.id)}" class="titleCard" onclick="cardClick(this)" data-id="${mynote.id}">
                            <p>${mynote.title}</p>
                            <input type="hidden" value="${mynote.content}" >
                        </div>
                    </c:forEach>
                </c:if>

            </div>  <!--list-->
            <input id="add" value="add" type="button">
        </div>

        <div class="contentContainer">
            <input class="titleInput" readonly="readonly" placeholder="请输入标题" data-id="">
            <textarea class="contentInput" readonly="readonly"></textarea>
            <div class="btnContainer">
                <input type="button" class="btn" id="save" value="save">
                <input type="button" class="btn" id="addsave" value="save">
                <input type="button" class="btn" id="delete" value="delete">
                <input type="button" class="btn" id="edit" value="edit">
            </div>
        </div>
    </div>



</body>
</html>
